<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column>
      <template #header>
        <el-input v-model="query" @input="search" size="small" placeholder="品牌名称"/>
      </template>
    </el-table-column>
    <el-table-column prop="orderNum" label="订单编号"/>
    <el-table-column prop="recordNum" label="申诉记录名称"/>
    <el-table-column prop="recorder" label="记录人"/>
    <el-table-column prop="recordTime" label="记录时间"/>
    <el-table-column prop="approver" label="审批人"/>
    <el-table-column prop="approveTime" label="审批时间"/>
    <el-table-column prop="type" label="单据状态"/>
    <el-table-column align="right">
      <template>
        <el-button size="small" type="primary" @click="addGoods">
          新增申诉记录
        </el-button>
      </template>
    </el-table-column>
    <el-table-column align="right">
      <template #default="scope">
        <el-button size="small" @click="handleEdit(scope.$index, scope.row)">
          编辑
        </el-button>
        <el-button
            size="small"
            type="danger"
            @click="handleDelete(scope.$index, scope.row)"
        >
          删除
        </el-button>
      </template>
    </el-table-column>
  </el-table>
</template>
<script setup>

</script>
<style scoped lang="scss">

</style>